/*-----数字---*/
.number-box{
	height:50px;
    display: flex;
}
.mt-number-animate {

    line-height: 50px;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.mt-number-animate .mt-number-animate-dom {
    width:30px;
    text-align: center;
    float: left;
    position: relative;
    top: 0;
    
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
    width: 100%;
    float: left;
    color: #fff;
    height: 100%;
    font-family: Arial;
}
.num-flex{
    position: relative;
    font-size:50px;
}


@media only screen and (max-width: 1600px) {
    .number-box{
        height:42px;
    }
    .mt-number-animate {
        line-height: 42px;
    }
    .mt-number-animate .mt-number-animate-dom {
        width:26px;
    }
    .num-flex{
        font-size: 42px;
    }
}


@media only screen and (max-width: 1366px) {
    .number-box{
        height:40px;
    }
    .mt-number-animate {
        line-height: 40px;
    }
    .mt-number-animate .mt-number-animate-dom {
        width:24px;
    }
    .num-flex{
        font-size: 40px;
    }
}
@media only screen and (max-width: 1280px) {
    .number-box{
        height:32px;
    }
    .mt-number-animate {
        line-height: 32px;
    }
    .mt-number-animate .mt-number-animate-dom {
        width:20px;
    }
    .num-flex{
        font-size: 32px;
    }
}
@media only screen and (max-width: 1200px) {
    .number-box{
        height:26px;
    }
    .mt-number-animate {
        line-height: 26px;
    }
    .mt-number-animate .mt-number-animate-dom {
        width:16px;
    }
    .num-flex{
        font-size: 26px;
    }
}

@media only screen and (max-width: 320px) {
    .number-box{
        height:20px;
    }
    .mt-number-animate {
        line-height: 20px;
    }
    .mt-number-animate .mt-number-animate-dom {
        width:12px;
    }
    .num-flex{
        font-size: 20px;
    }
}